//菜单页面中右侧菜品组件
import React from 'react';
import Dish from "./dish.js"

import * as Scroll from 'react-scroll';
import { Link, Element, Events, animateScroll as scroll, scrollSpy, scroller } from 'react-scroll';

export default class Dishes extends React.Component {
    constructor(props) {
        super(props);
    }
    render() {
        return <section className="caipin">
            {
                this.props.dishes.map((item, idx) => (<Dish key={idx} dishList={item} />))
            }
        </section>
    }
}